<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src资源路径:
    1.相对路径:
        a. 资源和页面在同一目录：直接写图片名
        b. 资源在页面的上级目录：../图片名
        c. 资源在页面下的下级目录:文件名/图片名
    2.绝对路径: 一般用于访问站外资源，称为图片盗链，存在找不到图片的风险
-->

<!--图片停止在图片上显示的文本-->
<img src="1.jpg" alt="" title="标题" width="100px">
<!--width/height 设置宽高，只设置宽度高度会自动等比例缩放
    两种赋值方式:1.像素     2.百分比-->

<img src="1.jpg" alt="" title="标题" width="100%">
<!--alt: 当图片不显示时显示的文本-->
<img src="../2.jpg" alt="">

<img src="abc/3.jpg" alt="">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///280c6025caa14649ba86b3561db92066.jpg" alt="">
</body>
</html>